<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>宅游网游</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <!-- 主体 -->
    <div class="container">
        <!-- 头部 -->
        <div class="header">
            <div class="lt mg-left-20">
                <i class="ic-20 games"></i><span class="mg-left-5 in-block hd-active"><a href="javascript:void(0);">游戏大厅</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<i class="ic-20 recharge"></i><a href="javascript:void(0);">充值中心</a>
            </div>
            <div class="rt mg-right-34">嗨,欢迎来到宅游网游 请先 <a href="javascript:void(0);">登录</a> 或 <a href="javascript:void(0);">免费注册</a></div>
            <div class="clear"></div>
        </div>
        <!-- 搜索 -->
        <div class="seacher">
            <div class="sr-content">
                <div class="lt"><img src="images/logo.png" alt="宅游网游"><img src="images/wangzhi.png" alt=""></div>
                <div class="sr-div lt posi"><span class="sr-icon ic-24 abso top-31 left-10"></span>
                    <input class="sr-input" type="text" name="seacher" placeholder="输入游戏名字搜索">
                    <input type="button" class="btn-sr" value="搜搜">
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <!-- banner -->
        <div class="banner">
            <img src="images/banner.png" alt="banner图片">
        </div>
        <!-- 顶部分类 -->
        <div class="cate">
            <ul>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">最新</a></li>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">原创</a></li>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">推荐</a></li>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">热门</a></li>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">网游</a></li>
                <li class="lt"><a href="javascript:void(0);" target="iframepage">行业资讯</a></li>
            </ul>
        </div>
        <!-- 导航和列表 -->
        <div class="content">
            <div class="center-content">
                <nav>
                    <div class="nav">
                        <ul>
                            <li><a href="javascript:void(0);">游戏分类</a></li>
                            <li><a href="javascript:void(0);">全部</a></li>
                            <li><a href="javascript:void(0);">休闲</a></li>
                            <li><a href="javascript:void(0);">敏捷</a></li>
                            <li><a href="javascript:void(0);">益智</a></li>
                            <li><a href="javascript:void(0);">角色扮演</a></li>
                            <li><a href="javascript:void(0);">射击</a></li>
                            <li><a href="javascript:void(0);">动作</a></li>
                            <li><a href="javascript:void(0);">体育</a></li>
                            <li><a href="javascript:void(0);">棋牌</a></li>
                            <li><a href="javascript:void(0);">策略</a></li>
                            <li><a href="javascript:void(0);">探险经营</a></li>
                        </ul>
                    </div>
                </nav>
                <div class="main">
                    <ul>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/youxi.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">纸飞机</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:114
                                    <span class="block mg-top-5">让飞机飞的更远</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/yb_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">中秋吃月饼</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:57
                                    <span class="block mg-top-5">吃月饼大赛</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/pq_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">泼醒小房子</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:57
                                    <span class="block mg-top-5">小房子打地鼠</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/xxl_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">KX消消乐</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:50
                                    <span class="block mg-top-5">手机网页版的开心消消乐</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/bydr_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">捕鱼达人</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:51
                                    <span class="block mg-top-5">经典版的捕鱼达人</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/dxbs_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">读心小博士</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:56
                                    <span class="block mg-top-5">看看准不准</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/dbcs_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">逗比测试</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:245
                                    <span class="block mg-top-5">测试题总是这么逗</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/80cs_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">80测试</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:45
                                    <span class="block mg-top-5">你是不是80后？</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/coreball_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">coreball</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:45
                                    <span class="block mg-top-5">在转动的轮轴间插上小球棒</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/zqyl_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">最强眼力</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:124
                                    <span class="block mg-top-5">才杯子</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/xmxx_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">消灭星星</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:83
                                    <span class="block mg-top-5">经典版消灭星星</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="main-img lt"><a href="javascript:void(0);"><img src="images/tcrw_03.png" alt="png"></a></div>
                            <div class="lt main-content">
                                <div class="lt">
                                    <a href="javascript:void(0);">停车入位</a>
                                    <span class="block">
                                    <div class="in-block level"><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i><i class="star"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;人气:85
                                    <span class="block mg-top-5">停车是你的强项吗，快来试一试!</span>
                                    </span>
                                </div>
                                <div class="lt">
                                    <a class="in-block" href="javascript:void(0);">玩一玩</a>
                                </div>
                            </div>
                        </li>
                        <div class="clear"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="page">
                    <div class="page-main">
                        <a href="">首页</a>
                        <a href="">下一页</a>
                        <a href="">尾页</a>
                        <span>页码&nbsp;:&nbsp;1/1，每页<span>12</span>，共30条记录 跳转
                            <select class="select" name="" id="">
                                <option value="">1</option>
                                <option value="">2</option>
                                <option value="">3</option>
                                <option value="">4</option>
                            </select>
                        页</span>
                    </div>
                </div>
                <!-- <iframe src="gameList.html" width="100%" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" id="iframepage" name="iframepage" onload="test()"></iframe> -->
            </div>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div>
                <div class="ft-left">
                    <div class="lt">
                        <img class="lt" src="images/footer_01.png" alt="png">
                        <ul class="lt">
                            <li><a href="javascript:void(0);">关于我们</a></li>
                            <li><a href="javascript:void(0);">商务合作</a></li>
                            <li><a href="javascript:void(0);">招聘信息</a></li>
                            <li><a href="javascript:void(0);">联系我们</a></li>
                        </ul>
                    </div>
                    <div class="lt">
                        <img class="lt" src="images/footer_02.png" alt="png">
                        <ul class="lt">
                            <li><a href="javascript:void(0);">游戏大厅</a></li>
                            <li><a href="javascript:void(0);">充值中心</a></li>
                        </ul>
                    </div>
                </div>
                <div class="ft-right rt">
                    <div class="lt"><img src="images/wx_01.png" alt="png">
                        <span class="blod">宅游网</span>微信</div>
                    <div class="lt mg-left-20"><img src="images/wx_02.png" alt="png">下载移动客户端</div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                <div class="ft-ft">
                    <div>友情链接</div>
                    <div>
                        <ul>
                            <li class="lt c-padding-left"><a href="javascript:void(0);">巴士单机游戏</a></li>
                            <li class="lt"><a href="javascript:void(0);">苹果助手</a></li>
                            <li class="lt"><a href="javascript:void(0);">游吧</a></li>
                            <li class="lt"><a href="javascript:void(0);">360游戏</a></li>
                            <li class="lt"><a href="javascript:void(0);">第一应用手游网</a></li>
                            <li class="lt"><a href="javascript:void(0);">小游戏</a></li>
                            <li class="lt"><a href="javascript:void(0);">百度游戏</a></li>
                            <li class="lt"><a href="javascript:void(0);">魔幻宝盒</a></li>
                            <li class="lt"><a href="javascript:void(0);">天下HD</a></li>
                            <li class="lt"><a href="javascript:void(0);">九游游戏</a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <div class="text-center">Copyright © 2015-2018 www.zywgame.com. All Rights Reserved 深圳仙境</div>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- <script src="js/jquery-2.2.0.min.js"></script> -->
<script>
// function test(){
//     $("#iframepage").attr('height',$("#iframepage").contents().find("body").height());
// }
</script>

</html>
